<#import '/ftlLibrary/properteisVariable.ftl' as pv/>
<link href="assets/css/bootstrap-select.css" rel="stylesheet"/>
<link href="assets/css/modify.css" rel="stylesheet"/>
<script src="assets/js/select2/select2.js"></script>
<style>
    .bootbox-close-button {
        width: 19px;
        height: 19px;
        border: none;
        cursor: pointer;
        -webkit-appearance: none;
        float: right;
        top: 4px;
        left: -5px;
        position: relative;
        background: #E9F5FF url("assets/img/nav-img/icon_close.png") no-repeat 0 0;
    }

    .switchDateDialog .modal-dialog {
        width: 60%;
    }

    .leftDiv,.rightDiv{
        min-height: 300px;
        border:1px solid #ccc;
    }
    .switchDate-top-left{
        line-height: 60px;
        background-color: #23a8f5 ;
    }
    .switchDate-top-right{
        line-height: 60px;
        background-color: #FF9900 ;
    }
    .switchDate-icon{
        width: 30px;
        height: 28px;
        line-height: 60px;
        background: url("assets/img/nav-img/img_05.png") no-repeat;
        display: inline-block;
        vertical-align: middle;
    }
</style>
<div class="row" style="margin-left: 0px!important;">
    <div class="col-lg-12 col-sm-12 col-xs-12 text-align-center" style="padding: 0;line-height: 60px;font-size: 14px">
        用于园某两天的上课日期互相对调。变动后原上课时间段、教室、教师保持不变， 只变动上课日期。
    </div>
    <div class="col-lg-12 col-sm-12 col-xs-12 text-align-center">
        <div class="leftDiv col-xs-4 nopadding col-xs-offset-1">
            <div class="switchDate-top-left ">
                <label style="margin-bottom: 0px!important;">
                    <span style="color: #fff;vertical-align: middle;margin-right: 10px;font-size: 14px">请选择需要对调日期</span>
                    <span class="switchDate-icon" style="margin-right: 10px"></span>
                    <input type="text" name="" class="beginValue Wdate" placeholder="请选择时间"
                           onFocus="WdatePicker({doubleCalendar:true,dateFmt:'yyyy-MM-dd'})" style="width: 90px;vertical-align: middle;height: 30px!important;padding-left:3px!important;border: 1px solid #c6d5d8;border-radius: 4px !important;">
                </label>

            </div>
            <div class="switchDate-bottom">

            </div>
        </div>
        <div class="centerIcon col-xs-2">
            <i class="fa fa-exchange" style="font-size: 30px;color: #ccc;line-height: 300px;cursor: pointer"></i>
        </div>
        <div class="rightDiv col-xs-4 nopadding">
            <div class="switchDate-top-right">
                请确认对调后日期
            </div>
            <div class="switchDate-bottom">

            </div>
        </div>
    </div>
    <div class="col-lg-12 col-sm-12 col-xs-12 text-align-center margin-top-20">
        <label>
            <button style="width: 100px;line-height: 25px;border-radius: 0px;border: none;background: #23a8f5 !important;margin-right: 20px"
                    class="btn btn-warning shiny ">确定
            </button>
        </label>
        <label>
            <a style="width: 100px;line-height: 25px;border-radius: 0px;border: none;background: #ccc !important;color: #000"
               class="btn btn-warning shiny ">重置
            </a>
        </label>
    </div>
</div>
<script>

</script>
